<template>
  <div class="demo">
    <h2 @click="showName">学生姓名：{{name}}</h2>
    <h2>学生年龄：{{age}}</h2>
    <h2>x：{{x}}————y:{{y}}</h2>
  </div>
</template>

<script>
// 引入混合js
import {hunhe,hunhe2} from '../mixin.js'
export default {
    name:'Student',
    data() {
        return {
            name:'张三',
            age:18,
            x:100  // 当混合中和自身有共同属性，以自身的为准
        }
    },
    mixins:[hunhe,hunhe2],
    //之前每个组件都要写一个方法
    methods:{
      showName(){
        alert(111111111) // 和混合中的方法冲突，以自身的为准
      }
    },
    mounted() {
      console.log('自身的mounted。。。')
    },
}
</script>

<style>
.demo{
    background-color: orange;
}
</style>